<template>
	<view class="container">
		
	
				<mpDevBubble />
		<view class="qrcode-container">
			<qrcode :text="qrText" containerId="my-qrcode" :size="160" fgColor="#000000" bgColor="#ffffff" :correctLevel="3" />
		</view>
	</view>
</template>

<script>
	import qrcode from '@/components/qrcode/qrcode.vue';
	export default {
	
		data() {
			return {
				qrText: 'sadasda', // 示例二维码文本
				
				qrcodeSize: 200,
			}
		},
		onLoad(option) {
			this.qrText = uni.getStorageSync('cardNumber');
		//	this.qrText = option.code;
			console.log("qrcode"+this.qrText);

		},
		onShow() {
			this.qrText = uni.getStorageSync('cardNumber');
			//	this.qrText = option.code;
				console.log("qrcode"+this.qrText);
		},
		methods: {
	
		}
	}
</script>

<style>
	.qrcode-container {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100vh;
		/* 根据需要调整高度 */
	}
	.container {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	
	.navbar {
		background-color: #f5f5f5;
		width: 100%;
	}
</style>